﻿.vidFrame { 
	position: absolute;
	display: none;
	background-color: #ffdead;
	border: 1px solid #800000;
	width: 435px;
	height: 362px;
}
.moveable {
	position: absolute;
}          
.moveableFrame { 
	position: absolute;
	background-color: white;
	width: auto;
	height: auto;
	padding: 10px;
}
.table {
    border-collapse:collapse; border: solid 2px black;
	font-face: sans-serif;
	font-size: 9pt;
}

.table td {
    min-width: 20px;
    min-height: 20px;
    padding-left: 2px;
	padding-right: 2px;
	padding-top: 0;
	padding-bottom: 0;
    border-collapse:collapse;
	font-face: sans-serif;
	white-space:nowrap;
}

td .notes 
{
    white-space: normal;
}

#tab-sheets td, #tab-reports td
{
	border: solid 1px #CCCCCC;
}

#tab-sheets thead td, #tab-reports thead td 
{
	border-bottom: solid 2px black;
	text-align: center;
    font-weight: bold;
}

.simple {
    border: solid 1px #CCCCCC;
}

.locked 
{
    background-color: Gray;
}

.header {
    border-collapse:collapse; 
    border: solid 2px black;
    text-align: center;
    font-weight: bold;
}

.moveable 
{
    cursor: move;
}

.left_td {
    border-collapse:collapse;
    border-right: solid 2px black;
    border-bottom: solid 1px black;
    width: 20px;
}

.right_td 
{
    width: 40px;
}

.top_bold {
    border-top: solid 2px black;
}

.left_bold {
    border-left: solid 2px black;
}

.right_bold {
    border-right: solid 2px black;
}

.bottom_bold {
    border-bottom: solid 2px black;
}

.full_bold {
    border: solid 2px black;
}

.inactive {
	background-color: #999999;
}

.right_td {
    border-collapse:collapse;
    border-left: solid 2px black;
    border-bottom: solid 1px #CCCCCC;
}

.server_top {
    border-collapse:collapse;
    border-top: solid 2px black;
}

.server_bottom {
    border-collapse:collapse;
    border-bottom: solid 2px black;
}

.min {
	width: 80px;
}

.block {
    display: block;
    position: absolute;
}


.tooltip {
 position:absolute;
 z-index:999;
 left:-9999px;
 background-color:#dedede;
 padding:5px;
 border:1px solid #fff;
 width:250px;
}

.tooltip p {
 margin:0;
 padding:0;
 color:#fff;
 background-color:#222;
 padding:2px 7px;
}

.main_list { list-style-type: none; margin: 0; padding: 0; width: 90%; }
.main_list li { margin: 3px; padding: 0.4em; font-size: 12pt; height: 150px; display: inline-block; width: 300px;}
.main_list li img { float: left;  }
.main_list li .pencil { position: absolute; width: 64px; height: 64px; }
.main_list li div { float: left; width: 160px;}

.main_list li.rack 
{
    width: 80px;
    height: 100px;
    position: absolute;
    display: block;
}
.rack .header 
{
    width: 80px;
    height: 30px;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: solid 1px grey;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.rack .info 
{
    width: 80px;
    height: 70px;
    font-size: 8pt;
}
.rack div
{
    width: 100px;
    height: 120px;
}

.main_list li p 
{
	margin: 0;
	padding: 0;
	font-size: 10pt;
	text-align: center;
}

#dc_container img 
{
	float:none;
}
  
#infopanel
{
  width: 80%;
}

#menupanel 
{
  position: absolute;
  width: 15%;
  top: 200px;
  left: 800px;
}

#dc_edit, #dc_add 
{
	width: 150px;
}

.td_edit, .td_remove, .td_lock, .td_add, .td_locked, .td_empty
{
    width: 10px;
    border-left: solid 2px black;
    border-bottom: solid 1px #CCCCCC;
    display:none;
    padding: 0;
}

#form_rack_vendor .ui-button-text 
{
	width: 20px;
	height: 20px;
}